<template>
  <div class="yun-box">
    <div class="yun-content">
      <p class="y-name">云间名门</p>
      <div class="y-position">
        松汇中路518弄
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'famousYun'
}
</script>

<style scoped>
  .yun-box {
    width: 100%;
    margin-bottom: 10px;
  }

  .yun-content {
    background: rgba(43, 54, 72, 0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }

  .y-name {
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px;
  }

  .y-position {
    font-size: 16px;
    color: #9FACC3;
  }
</style>
